@baseFontSize: 75; //基于视觉稿横屏尺寸/100得出的基准font-size
@width: unit(690/@baseFontSize, rem);
@paddingWrap: unit(29/@baseFontSize, rem);
@marginPartTop: unit(50/@baseFontSize, rem);
// 单行文本
.textOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
// 多行文本
.mulTextOverflow{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.banner{
	margin-bottom: 0px;
}
.gap-30{
	margin-top: 0.4rem;
}
// 头像-会员信息
.user{
	background: #fff;
	padding: 0.533333rem;
	.user-base{
		display: flex;
		justify-content: space-between;
		font-size: 0.32rem;
	}
	.avatar{
		width: 1.466666rem;
		height: 1.466666rem;
		background: #b9bed1;
		border-radius: 1.466666rem;
		overflow: hidden;
		img{
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}
	.vip-time{
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		font-size: 0.24rem;
		color: #666;
		text-align: center;
	}
	.buy{
		display: block;
		width: 3.733333rem;
		height: 0.666666rem;
		color: #df5f6d;
		line-height: 0.666666rem;
		text-align: center;
		border: 1px solid #df5f6d;
		border-radius: 0.666666rem;
	}
	.nickname{
		font-size: 0.48rem;
		font-weight: 600;
		color: #333;
		margin: 0.266666rem 0;
		span{
			font-size: 0.32rem;
			margin-left: 0.133333rem;
		}
	}
	.user-describe{
		font-size: 0.266666rem;
		color: #666;
	}
}
.layui-tab-title{
	height: 0.8rem;
	.layui-this:after{
		height: 0.813333rem;
	}
	a{
		font-size: 0.373333rem;
		color: #376D70;
	}
	.layui-this a{
		font-weight: 600;
	}
}
.layui-tab-brief>.layui-tab-more li.layui-this:after, .layui-tab-brief>.layui-tab-title .layui-this:after{
	border-bottom:0.053333rem solid #376D70;
}
.layui-tab-title li{
	line-height: 0.8rem;
}
.nav-content{
	padding: 0 0.4rem;
	border-radius: 0.133333rem;
	background: #fff;
	.nav-item-content{
		display: flex;
		justify-content: flex-start;
		align-items: center;
		border-bottom: 1px solid #ccc;
		padding: 0.4rem 0;
		font-size: 0.32rem;
		&:last-of-type{
			border-bottom: none;
		}
	}
	.avatar{
		width: 0.866666rem;
		height: 0.866666rem;
		border-radius: 50%;
		object-fit: cover;
	}
	.label{
		width: 1.8rem;
		flex: 0 0 auto;
		font-size: 0.373333rem;
	}
	.content{
		width: 100%;
		color: #999;
		word-break: break-all;
}
}

// 评价
.appraise-list{
	padding:0 0.533333rem 0.533333rem;
	margin-top: 0.533333rem;
	border-radius: 0.133333rem;
	background: #fff;
	.appraise-list-item{
		padding-top: 0.533333rem;
		border-bottom: 1px solid #DCDCDC;
		&:last-of-type{
			border-bottom: none;
		}
	}
	.user-info{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.left{
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.user-avatar{
		width: 0.733333rem;
		height: 0.733333rem;
		border-radius: 0.733333rem;
		object-fit: cover;
		margin-right: 0.133333rem;
	}
	.user-nickname{
		font-size: 0.32rem;
		color: #333;
		margin-right: 0.133333rem;
	}
	.right{
		font-size: 0.32rem;
		color: #333;
		.iconfont{
			font-size: 0.32rem;
			color: #366f70;
			margin-left: 0.266666rem;
		}
	}
	.appraise-text{
		font-size: 0.32rem;
		color: #333;
		line-height: 1.8;
		margin: 0.266666rem 0;
	}
	.appraise-img{
		img{
			width: 1.333333rem;
			height: 1.333333rem;
			object-fit: cover;
			margin-right: 0.133333rem;
			margin-bottom: 0.133333rem;
		}
	}
	.appraise-specifications{
		margin: 0.266666rem 0;
		color: #999;
		font-size: 0.266666rem;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.layui-rate li i.layui-icon{
		font-size: 0.266666rem;
	}
}
// 浏览记录
.records{
	padding: 0 0.4rem;
	border-radius: 0.133333rem;
	background: #fff;
	.records-item{
		display: flex;
		justify-content: flex-start;
		padding: 0.4rem 0;
		border-bottom: 1px solid #ccc;
		&:last-of-type{
			border-bottom: none;
		}
	}
	img{
		width: 2.4rem;
		height: 1.733333rem;
		border-radius: 0.133333rem;
		object-fit: cover;
	}
	.right{
		margin-left: 0.266666rem;
	}
	.name{
		font-size: 0.373333rem;
		color: #333;
		margin: 0.2rem 0;
	}
	.time{
		font-size: 0.32rem;
		color: #999;
	}
}
